{/*

iframe 弹窗

*/}

<style>
    .i-frame{
        width: 100%;
        height:calc(100vh - 200px);
        border: none;
    }
</style>

<script type="text/html" id="vue--i-frame">
        <iframe class="i-frame" :src="iframeUrl" :style="style"></iframe>
</script>

<script>

    VueInit.components.IFrame = {
        template: document.getElementById('vue--i-frame').innerHTML,
        props: ['url', 'style'],
        data(){
            return {
                windowHeight:window.innerHeight - 200,
                iframeUrl: this.url,
            };
        },
        watch:{
            url(newValue, oldValue){
                console.log(111333);
                this.iframeUrl = newValue;
            }
        }
    }
</script>